<template>
  <div style="margin-bottom: 24px">
    <h3 :class="prefixCls">{{ title }}</h3>
    <slot />
  </div>
</template>

<script lang="ts" setup>
import { useProProvider } from '../base-layouts/pro-provider';

defineProps({
  title: String,
});
const { getPrefixCls } = useProProvider();
const prefixCls = getPrefixCls('setting-drawer-title');
</script>
